@charset "utf-8";
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
*,ul,li,p,img,h1,h2,h3,h4,h5,dt,dd,dl,body,.sharp .cicle img {padding:0px;margin:0px;}
ul {list-style:none;}
img {border:none;}
a {text-decoration:none;}
a:visited,a:link {outline:none;}
.clear {clear:both;}
.clearfix:after {display:block;content:'';height:0;clear:both;}
body {font-family:'Lato', 'Microsoft Yahei', 'Arial';}
.pr{ position:relative;}
.pa{position: absolute;}
.fl{ float:left;}
.clear{ clear:both;}
.fl{
	float: left;
}
.fr{
	float: right;
}
.font42{
	font-size: 42px;
	line-height: 80px;
}
.font50{
	font-size: 50px;
	line-height: 100px;
}
.font18{
	font-size: 18px;
	line-height: 36px;
}
.font20{
	font-size: 20px;
	line-height: 40px;
	color: #666;
}
.font14{
	font-size: 14px;
	line-height: 28px;
	color: #888;
}
.beauty .text-l{
	text-align: left;
}
.beauty .text-r{
	text-align: right;
}
.margin100{
	margin-bottom: 100px;
}
.margin100{
	margin-bottom: 100px;
}
.marginb40{
	margin-bottom: 40px;
}
.margint40{
	margin-top: 40px;
}
.margint120{
	margin-top: 120px;
}
.margint240{
	margin-top: 240px;
}
.margint300{
	margin-top: 300px;
}
.beauty.black, .photograph.black, .performanc.black{
	background-color: #242424;
	color: #FFF;
}
.beauty.gray, .photograph.gray, .performanc.gray{
	background-color: #f7f7f7;
}
.beauty.violet, .photograph.violet, .performanc.violet{
	background-color: #14263c;
	color: #FFF;
}
.position{
	position: absolute;
}
/*--------------------header -------------*/
.header{
	height: 60px;
	line-height: 60px;
	position: relative !important;
}
.header .nav{
	height: 60px;
	padding-top: 5px;
}
.t-header{	
    position: relative;	 
	background:#F7F7F7;
	box-shadow: 0 2px 6px rgba(0,0,0,.1);  
	clear:both;
	height:60px;
	width:100%;	
	z-index: 10;
}
.t-header.fixed{
	position:fixed;
	top: 0;
	z-index:9999;
}
.header_b{ border:1px solid #dfdfdf;}
.container{ width:1440px; margin:0px auto; position:relative;}
.outline_logo{ width:130px; left:0px; top:15px; float: left;}
.right_nav{
	width: 800px;
	right: 89px;
	top: 15px;
	float: right;
}
.right_nav li{ float:left; padding-right:45px; text-align:left;  line-height:26px; margin-left:20px; cursor:pointer; font-size:14px; -webkit-transition:.3s; transition:.3s;}
.right_nav li:hover,.right_nav li.hover{ color:#5795ef; -webkit-transition:.3s; -moz-transition:.3s; transition:.3s; -webkit-transform:translateY(-5px); -moz-transform:translateY(-5px); transform:translateY(-5px);}
.right_nav li .active{
	color: #F00;
}
.buynow{ right:0px; top:15px; padding:0px 25px; height:25px; line-height:25px; background:#e60012; border-radius:15px; color:#fff; font-size:12px; /*-webkit-animation:down 1s linear infinite; animation:down 1s linear infinite; -moz-animation:down 1s linear infinite;*/}
/*-----  promation  -------*/
.parameter_box{ background:#fff; padding-top:0px;}
.parameter_content .parameter_left{ width:177px; border-right:1px solid #dbdbdb; float:left;  margin-top:68px; position:fixed;height: 100%; top:60px;}
.parameter_left .left_menu li{ width:100%; padding-right:52px; height:32px; line-height:32px; border-right:5px solid #FFF;  margin-bottom:12px; text-align:right; color:#666; display:block;}
.left_menu li a{ color:#666; display:block;}
.left_menu li:hover,.left_menu li.hover{border-right:5px solid #e60012; color:#e60012;}
.parameter_content .parameter_right{ width:80%; float:right;  margin-top:68px; }

.right_column01,.right_column02,.right_column03,.right_column04,.right_column05,.right_column06,.right_column07,.right_column08,.right_column09,.right_column10{ width:100%; border-top:1px solid #dbdbdb; margin-top:16px; padding-bottom:10px; overflow: hidden;}
span.maintitle{ font-size:24px; color:#333333; line-height:34px; font-family:方正兰亭细黑_GBK,"微软雅黑"; padding-top:25px; display:block;}
.column01_content,.column01_content01,.column01_content02{padding-left:202px; padding-top:40px;}
.column01_content{height:366px;}
.column01_content01{height:80px;}
.column01_content p{ float:left;}
.column01_content p img{ margin-right:165px;}
.parameter_txt .text1{ color:#333; line-height:30px; font-size:14px;}
.btn_color{ padding-top:20px;}
.btn_color li{ width:45px; height:45px; border-radius:200px;  float:left; display:inline-block;}
.btn_color li:nth-child(1){ background:url(../images/yuan01.png) no-repeat; border:1px solid #fff;}
.btn_color li:nth-child(2){ background:url(../images/yuan02.png) no-repeat; border:1px solid #fff;}
.btn_color li:nth-child(3){ background:url(../images/yuan03.png) no-repeat; border:1px solid #fff;}
.btn_color li:hover:nth-child(1),.btn_color li.hover:nth-child(1){border:1px solid #dddddd;}
.btn_color li:hover:nth-child(2),.btn_color li.hover:nth-child(2){ border:1px solid #ecddca;}
.btn_color li:hover:nth-child(3),.btn_color li.hover:nth-child(3){ border:1px solid #003980;}

.right_column02{ margin-top:60px;}
.camera_text,.parameter_txt01{ float:left; margin-right:243px;}
.camera_text span,.parameter_txt01 span{ padding-bottom:35px; display:block; font-size:18px; color:#333; height:40px; line-height:40px;}
.camera_text .camera_des,.parameter_txt01 .camera_des{ font-size:14px; color:#333; line-height:30px;}

.right_column03{}
.column03_text li{ float:left; width:110px; text-align:left; font-size:14px; color:#333333; line-height:30px;}
.column03_des{ font-size:14px; color:#333; line-height:30px; padding-top:30px; display:block;}

.pdtop{ padding-top:30px;}
.right_column05{ padding-bottom:60px;}
.sensor_des li{ float:left; width:205px; font-size:14px; color:#333333; line-height:30px;}
.multimedia_des li{ font-size:14px; color:#333; line-height:30px;}
.multimedia_des li i{ font-style:normal; margin-right:24px;}

.right_column09{ padding-bottom:100px;}
.right_column10{ padding-bottom:400px;}
.system_appli li{ float:left; margin-right:52px;}
.system_appli li.last{ margin-right:0px; margin-right:none;}

	
/*-----  promation  -------*/
.outtward_column01{ background:#f2f2f2; padding-top:60px;}
.outtward_column01_a{ height:946px;}
.adfont{
	width: 550px;
	height: 197px;
	left: 118px;
	top: 398px;
}
.adfont h1{ font-size:42px; color:#4b4b4b; line-height:34px; font-weight:lighter; padding-bottom:30px; display:block;}
.adfont span{ font-size:18px; color:#4b4b4b; line-height:32px;}
.outward_bnr01{ right:46px; top:106px; z-index:9;}
.outward_bnr_ico{ padding-top:50px; display:block;}

.outtward_column02{ background:#fff;   position:relative; z-index:999;}
.outtward_column02 .outtward_two_box {
	text-align: center;
}
.outtward_column02_b{ padding: 120px 0;}
.outtward_column02_txt,.outtward_column04_txt,.outtward_column05_txt,.outtward_column07_txt{width:100%; top:135px;}
.outtward_column02_txt span,.outtward_column04_txt span,.outtward_column05_txt span,.outtward_column07_txt span{ text-align:center; display:block; color:#4b4b4b}
.outtward_column02_txt span.h2,.outtward_column04_txt span.h2,.outtward_column05_txt span.h2,.outtward_column07_txt span.h2{ font-size:42px; line-height:42px; padding-bottom:20px;}
.outtward_column02_txt span.des,.outtward_column04_txt span.des,.outtward_column05_txt span.des,.outtward_column07_txt span.des{ font-size:18px; line-height:32px;}
.outtward_two_box .outtward_two_b1{ left:114px; top:385px;}

.outtward_column03{ background:#f2f2f2; }
.outtward_column03_c{ height:773px;}
.outtward_column03_txt{ width:100%; text-align:center; color:#4b4b4b; top:135px;}
.outtward_column03_txt span{ display:block;}
.outtward_column03_txt span.h3{ font-size:42px; line-height:42px; padding-bottom:30px;}
.outtward_column03_txt span.des1{font-size:18px; line-height:32px; padding-bottom:30px;}
.outtward_three_b1{top:0px; vertical-align:central; background:url(../images/outward_two_b1.jpg) no-repeat center top; display:block; height:610px; width:100%; margin:0px auto;}

.outtward_column04{ background:#fff;  position:relative; z-index:99;}
.outtward_column04_d{padding: 120px 0 180px; text-align: center;}
.outward_three_b1{ left:149px; top:495px;}
.outward_three_b2{
	left: 153px;
	top: 521px;
}

.outward_column05{ background:#f0f0f0; height:1008px; overflow: hidden;}
.outward_four_b2{ left:205px; bottom:-5px;}
.outward_four_b1{ left:104px; bottom:-5px;}
.outward_column05_txt{ right:132px; top:490px;}
.outward_column05_txt span{ display:block;}
.outward_column05_txt span.h2{ font-size:42px; color:#4b4b4b; line-height:34px; padding-bottom:30px;}
.outward_column05_txt span.des{ font-size:18px; color:#4b4b4b; line-height:32px;}


.outline_column06{ background:#fff; }
.outward_column06_e{ padding-top: 120px; text-align: center;}
.outward_five_b1{ bottom:-120px; left:60px;}
.outward_column06_txt{ width:100%; top:133px; text-align:center;}
.outward_column06_txt span.title{ display:block; font-size:50px; color:#333333; line-height:50px; padding-bottom:30px;}
.outward_column06_txt p.des3{ font-size:18px; color:#333333; line-height:36px;}

.outward_column07{ background:#f2f2f2; z-index:999; border-top:4px solid #fff; height:378px;}
.outward_six_left{ float:left; width:50%; background:#f3f2f7 url(../images/outward_six_left.jpg) no-repeat right top; height:100%;}
.outward_six_right{ float:right; width:50%; background:#f6f5f9; height:100%;}
.outward_sixright{ left:108px; top:176px;}


/*-----  promation  -------*/
.outline_column01{ width: 100%; background:#f2f2f2; height:1068px; padding-top:60px; overflow: hidden;}
.p-adfont{ width:442px; height:300px; background:url(../images/adfont.png) no-repeat; right:55px; top:75px;}
.scene_one{-webkit-transition:all 3.5s .6s cubic-bezier(0.3,0.65,0.4,1); transition:all 3.5s .6s cubic-bezier(0.3,0.65,0.4,1);}
.scene_one .bnr_b1{ left:-108px; top:108px; -webkit-animation:Scene 3s 1.5s ease-in-out forwards; -moz-animation:Scene 3s 1.5s ease-in-out forwards; animation:Scene 3s 1.5s ease-in-out forwards; opacity:0; opacity:1/9;}
.scene_one .bnr_b2{ left:342px; top:338px; -webkit-animation:Scene 3s 1s ease-in-out forwards; -moz-animation:Scene 3s 1s ease-in-out forwards; animation:Scene 3s 1s ease-in-out forwards; opacity:0; opacity:1/9;}
.scene_one .bnr_b3{ left:591px; top:432px; -webkit-animation:Scene 3s .5s ease-in-out forwards; -moz-animation:Scene 3s .5s ease-in-out forwards; animation:Scene 3s .5s ease-in-out forwards; opacity:0; opacity:1/9;}
.scene_one .bnr_b4{ right:-152px; top:673px; -webkit-animation:Scene 3s ease-in-out; -moz-animation:Scene 3s ease-in-out; animation:Scene 3s ease-in-out; }
.pa img,.scene_one .bnr_b1 img,.scene_one .bnr_b2 img,.scene_one .bnr_b3 img,.scene_one .bnr_b4 img{ -webkit-transition:all 1.5s; transition:all 1s; }
.scene_one .shadow{
	left: 114px;
	top: 921px;
	-webkit-animation: shadow 2s .5s ease-in-out forwards;
	-moz-animation: shadow 2s .5s ease-in-out forwards;
	animation: shadow 2s .5s ease-in-out forwards;
	opacity: 0;
	opacity: 1/9;}
.scene_one .shadow1{
	width: 456px;
	height: 44px;
	left: 114px;
	top: 921px;
	-webkit-animation:shadow 2s 1.5s ease-in-out forwards; -moz-animation:shadow 2s 1.5s ease-in-out forwards; animation:shadow 2s 1.5s ease-in-out forwards; opacity:0; opacity:1/9;
	
}
.scene_one .shadow2{
	width: 472px;
	height: 38px;
	left: 570px;
	top: 927px;
	-webkit-animation:shadow 2s 1.2s ease-in-out forwards; -moz-animation:shadow 2s 1.2s ease-in-out forwards; animation:shadow 2s 1.2s ease-in-out forwards; opacity:0; opacity:1/9;
}
.scene_one .shadow3{
	width: 512px;
	height: 47px;
	left: 1042px;
	top: 919px;
	-webkit-animation: shadow 2s .5s ease-in-out forwards;
	-moz-animation: shadow 2s .5s ease-in-out forwards;
	animation: shadow 2s .5s ease-in-out forwards;
	opacity: 0;
	opacity: 1/9;
}

@-webkit-keyframes shadow{
	0%{ opacity:0}
	100%{ opacity:1;}
	}
@-moz-keyframes shadow{
	0%{ opacity:0}
	100%{ opacity:1;}
	}
@keyframes shadow{
	0%{ opacity:0}
	100%{ opacity:1;}
	}
@-webkit-keyframes Scene{
	0%{opacity:0;-webkit-transform:scale(1.1) translate3d(-100%,-100%,0);}
	100%{opacity:1;-webkit-transform:scale(1) translate3d(0,0,0);}
	}
@-moz-keyframes Scene{
	0%{opacity:0;-moz-transform:scale(1.1) translate3d(-100%,-100%,0);}
	100%{opacity:1;-moz-transform:scale(1) translate3d(0,0,0);}
	}
@-o-keyframes Scene{
	0%{opacity:0;-o-transform:scale(1.1) translate3d(-100%,-100%,0);}
	100%{opacity:1;-o-transform:scale(1) translate3d(0,0,0);}
	}
.sp_box{ background:#fff;}
.sp_content{ margin:22px auto; height:564px; width:1024px; background:url(../images/sp_bg.jpg) no-repeat center top; position:relative;}
.sp_arrow{
	left: 469px;
	top: 207px;
	-webkit-animation:Arrow 1s linear infinite;
	-moz-animation:Arrow 1s linear infinite;
	animation:Arrow 1s linear infinite;
	z-index:8;
	cursor:pointer;
}
.video {
	width: 100%;
	height:100%;
	position: absolute;
	z-index: 9;
}
.top_v{
    background-size: cover;
    width: 100%;
    height: auto;
    min-width: 100%;
}
.close1{
	width:29px;
	height:29px;
    top: 10px;
    right:10px;
    display: block;
    transition: -moz-transform .5s;
    -webkit-transition: -webkit-transform .5s;
    -moz-transition: -moz-transform .5s;
	-o-transition: -moz-transform .5s;
	-ms-transition: -moz-transform .5s;
	z-index:99999;
	opacity:.5;
}
.close1:hover{
    transform: rotate(360deg);
    -webkit-transform: -webkit-rotate(360deg);
    -moz-transform:  -moz-rotate(360deg);
	-ms-transform:  -moz-rotate(360deg);
	-o-transform:  -moz-rotate(360deg);
}
@-webkit-keyframes Arrow{
	0%,100%{ -webkit-transform:scale(1);}
	50%{ -webkit-transform:scale(1.1);}
	}	
@-moz-keyframes Arrow{
	0%,100%{ -moz-transform:scale(1);}
	50%{ -moz-transform:scale(1.1);}
	}	
@-webkit-keyframes Arrow{
	0%,100%{ transform:scale(1);}
	50%{transform:scale(1.1);}
	}	
.outline_column02{ background:#fff; height:1306px; }
.outline_column02_b .two_b1{
	left: 500px;
	top: 126px;
	z-index: 9;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
}
.outline_column02_b .two_b2{
	left: 20px;
	top: 450px;
	z-index: 7;
	transition: .8s;
	-webkit-transition: .8s;
	-moz-transition: .8s;
}
.two_b1 img,.two_b2 img{ 
     transition: .8s;
	-webkit-transition: .8s;
	-moz-transition: .8s;}

.ontop{ transform: translate3d(-40px, -50px, 0px); transition:.5s; -webkit-transition:.5s;}
.onshadow{ transform: translate3d(12px,0px,0px);  transition:.5s; -webkit-transition:.5s;}
.ontop1{ transform:translate3d(20px,-10px,0px); transition:.8s; -webkit-transition:.8s;}
.column02_shadow{ transition:.5s; -webkit-transition:.5s;}
.outline_column02_b .column02_shadow{
	left: 486px;
	top: 456px;
	z-index: 8;
}
.column02_text{
	top: 883px;
	width: 100%;
}
.column02_text span,.column02_text a,.column03_text span,.column03_text a,.column04_text span,.column04_text a{ width:100%; text-align:center; display:block;}
.column02_text span.h1,.column04_text span.h1{ font-size:42px; color:#333333; line-height:42px; margin-bottom:30px; font-weight:lighter;}
.column02_text span.des1,.column04_text span.des3{ font-size:18px; color:#333; line-height:32px; margin-bottom:20px; font-weight:lighter;}
.column02_text a.anext,.column03_text a.anext,.column04_text a.anext,.column06_text a.anext,.column07_text a.anext{ font-size:18px; color:#F00; line-height:24px; margin-bottom:50px;}
.column02_text a.anext:hover,.column03_text a.anext:hover,.column04_text a.anext:hover,.column06_text a.anext:hover,.column07_text a.anext:hover{ text-decoration:underline;}
.column02_text p.account1{ width:418px; height:72px; margin:0px auto;}

.outline_column03{ background:#14283e; }
.outline_column03_c{ width:1440px; margin:0px auto; position:relative; height:1056px; overflow:hidden;}
.outline_column03_c .column03_text{ top:130px; width:100%;}
/*.outline_column03_c.on .column03_text{ top:130px; transition:.8s; -webkit-transition:.8s;}*/
.column03_text span.h2{font-size:42px; color:#fff; line-height:42px; margin-bottom:30px; font-weight:lighter;}
.column03_text span.des2{font-size:18px; color:#fff; line-height:32px; margin-bottom:20px; font-weight:lighter;}
.column03_text p.account2{ width:447px; height:72px; margin:0px auto;}
.outline_column03_c .three_b1{
	bottom: -560px;
	left: 42px;
}
.outline_column03_c.on .three_b1{
	bottom: -50px;
	transition:3.5s .5s;
	-webkit-transition:3.5s .5s;
}

.outline_column04{ background:#fff; height:1060px; }
.outline_column04_d{ width:1440px; margin:0px auto; position:relative; }
.outline_column04_d .column04_text{ top:99px; width:100%; -webkit-transition:.6s; -moz-transition:.6s; transition:.6s;}
/*.outline_column04_d.on .column04_text{ top:99px; -webkit-transition:.6s; -moz-transition:.6s; transition:.6s;}*/
.column04_text p.account3{ width:719px; height:79px; margin:0px auto;}
.outline_column04_d .four_b1{ top:468px; left:-2000px; transition:2.5s .5s; -webkit-transition:2.5s .5s;}
.outline_column04_d.on .four_b1{ left:220px; transition:2.5s .5s; -webkit-transition:2.5s .5s;}

.outline_column05,.outline_column05_e{ background:#f7f7f7; height:945px; }
.left_huyan{ left:0px; top:432px; width:177px; height:133px; background:url(../images/left_huyan.png) no-repeat; z-index:99;}
.right_skii{ right:0px; top:432px; width:177px; height:133px; background:url(../images/right_skii.png) no-repeat; z-index:99;}
.column05_text{ top:394px; right:37px; width: 41%;}
.column05_text span{ display:block;}
.column05_text span.h3{ font-size:37px; color:#333333; line-height:34px;}
.column05_text span.des4{ font-size:16px; color:#666666; line-height:28px; padding-top:30px;}
.column05_box .six_b1{ left:28px; top:44px; /*top:980px;*/ /*transform: translate3d(-400px,980px,0px); -webkit-transform: translate3d(-400px,980px,0px); transition:6.5s;*/}
/*.column05_box.on .six_b1{ top:44px; transform: translate3d(0px,0px,0px); -webkit-transform: translate3d(0px,0px,0px); transition:6.5s;}*/

.column05_box .flowr{ left:-1000px;}
.column05_box.on .flowr{
	left: 170px;
	top: 273px;
	-webkit-animation:flo 18s linear infinite forwards;
	-moz-animation:flo 18s linear infinite forwards;
	animation:flo 18s linear infinite forwards;
	opacity:0;
	opacity:1/9;
}
.column05_box .lamp{
	left: 428px;
	top: 29px;
}
@-webkit-keyframes flo{
	0%{ -webkit-transform:scale(.8) translate(20px, -20px); opacity:.5;}
	50%{-webkit-transform:scale(1.1) translate(0px, 10px); opacity:1;}
	100%{-webkit-transform:scale(.8) translate(20px, -20px);opacity:.8;}
	}
@-moz-keyframes flo{
	0%{ -moz-transform:scale(.8) translate(20px, -20px); opacity:.5;}
	50%{-moz-transform:scale(1.1) translate(0px, 10px); opacity:1;}
	100%{-moz-transform:scale(.8) translate(20px, -20px);opacity:.8;}
	}
@keyframes flo{
	0%{transform:scale(.8) translate(20px, -20px); opacity:.5;}
	50%{transform:scale(1.1) translate(0px, 10px); opacity:1;}
	100%{transform:scale(.8) translate(20px, -20px); opacity:.8;}
	}
.outline_column06{ background:#fff; height:1010px; z-index:999; overflow:hidden;}
.outline_column06 .seven_b1{ right:-708px; top:40px; z-index:9; transition:1.8s .5s; transform: translate3d(708px,0px,0px);}
.outline_column06.on .seven_b1{ right:0px; transition:1.8s .5s; transform: translate3d(0px,0px,0px);}
.outline_column06 .card{ right:2000px;}
.outline_column06.on .card{ right:520px; top:566px; z-index:8; animation:cardd 2s linear forwards; -webkit-animation:cardd 2s linear forwards; opacity:0; opacity:1/9; -webkit-animation-delay:1.8s; animation-delay:1.8s; z-index:99;}
.column06_text{ left:120px; top:275px;}
.column06_text span,.column06_text a{ display:block;}
.column06_text span.h4{ font-size:42px; color:#333; line-height:34px; padding-bottom:35px;}
.column06_text span.des5{ font-size:18px; color:#333; line-height:32px; padding-bottom:35px;}
.column06_text h4{ margin-top:50px;}
.column06_text h4,.column06_text .remark{ font-size:14px; color:#888888; line-height:28px;}
.account4{ width:586px; height:74px;}
@-webkit-keyframes cardd{
	0%{ -webkit-transform:translate3d(140px,-40px,0); opacity:0;}
	100%{ -webkit-transform:translate3d(0px,0px,0px); opacity:1;}
	}
@-moz-keyframes cardd{
	0%{ -moz-transform:translate3d(140px,-40px,0); opacity:0;}
	100%{ -moz-transform:translate3d(0px,0px,0px); opacity:1;}
	}
@keyframes cardd{
	0%{transform:translate3d(140px,-40px,0px); opacity:0;}
	100%{transform:translate3d(0px,0px,0px); opacity:1;}
	}

.outline_column07{ background:#f7f7f7;}
.outline_column07_g{ height:1175px;}
.column07_ppbox .enght_b1{ left:506px; bottom:0px; z-index:9;}
.column07_ppbox .enght_b2{ left:506px; bottom:0px; z-index:8;}
.column07_ppbox.on .enght_b2{left:149px; transition:1.8s .5s;}
.column07_ppbox .enght_b3{ left:506px; bottom:0px; z-index:8;}
.column07_ppbox.on .enght_b3{ left:878px; transition:1.8s .5s;}
.column07_text{ top:120px; width:100%; text-align:center;}
/*.column07_text.on{ top:120px; transition:.5s;}*/
.column07_text p{ display:block; width:100%;}
.column07_text p.h3{font-size:50px; color:#333333; line-height:34px; padding-bottom:30px;}
.column07_text p.des4{font-size:16px; color:#666666; line-height:28px; padding-bottom:20px;}
.account5{ width:382px; height:72px; margin:0px auto; padding-top:40px;}

/*-----  footer  -------*/
.p-footer{ background:#fff; height:230px; padding:60px 0px;}
.footer_contnt p{ text-align:center;}
.footer_contnt p.title{ font-size:16px; color:#9a9a9a; line-height:24px; padding-bottom:10px;}
.footer_contnt p.des{ font-size:18px; color:#333333; line-height:24px; padding-bottom:10px;}
.footer_contnt .next,.footer_contnt .next:hover{ -webkit-transition:.3s; -moz-transition:.3s; transition:.3s;}
.footer_contnt .next{ font-size:24px; color:#e60012; background:url(../images/arrow.png) no-repeat right 6px; height:30px; line-height:30px; text-align:left; margin:0px auto; padding-right:40px; left:650px; top:80px;}

@-webkit-keyframes down{
	0%,100%{ -webkit-transform:translateY(-5px);}
	50%{ -webkit-transform:translateY(0px);}
	}
@-moz-keyframes down{
	0%,100%{ -webkit-transform:translateY(-5px);}
	50%{ -webkit-transform:translateY(0px);}
	}
@keyframes down{
	0%,100%{ transform:translateY(-5px);}
	50%{ transform:translateY(0px);}
	}

	
/*-----  promation  -------*/
.play_column01{ background:#f2f2f2; padding-top:60px;}
.play_column01_a{ height:913px;}
.adfont{ width:475px; height:197px; left:118px; top:398px;}
.adfont h1{ font-size:42px; color:#333333; line-height:34px; font-weight:lighter; padding-bottom:30px; display:block;}
.adfont span{ font-size:18px; color:#333333; line-height:32px;}
.play_bnr_b1{ right:304px; top:118px; z-index:9;}
.play_bnr_b2{ right:54px; top:123px; z-index:8;}

.play_column02{ background:#fff;  position:relative; z-index:999;}
.play_column02_b{padding: 120px 0;}
.play_column02_txt,.play_column04_txt,.play_column05_txt,.play_column07_txt{width:100%; top:135px;}
.play_column02_txt span,.play_column04_txt span,.play_column05_txt span,.play_column07_txt span{ text-align:center; display:block; color:#333333}
.play_column02_txt span.h2,.play_column04_txt span.h2,.play_column05_txt span.h2,.play_column07_txt span.h2{ font-size:42px; line-height:42px; padding-bottom:20px;}
.play_column02_txt span.des,.play_column04_txt span.des,.play_column05_txt span.des,.play_column07_txt span.des{ font-size:18px; line-height:32px;}
.play_column02 .play_two_box{
	text-align: center;
}
.play_column02 .play_two_box p{
	display: inline-block;
}

.play_two_box .play_two_b1{margin-right: 50px;}
.play_two_box .play_two_b3{margin-left: 50px;}

.play_column03{ background:#f2f2f2;  }
.play_column03_c{ height:971px;}
.play_column03_txt{ left:60px; top:266px; color:#333333; z-index:99;}
.play_column03_txt span{ display:block;}
.play_column03_txt span.h3{ font-size:42px; line-height:42px; padding-bottom:20px; text-indent: -24px;}
.play_column03_txt span.des1{font-size:16px; line-height:26px; padding-bottom:30px;}
.play_column03_txt .des2 li{font-size:16px; color:#939393; line-height:35px; height:35px; margin-bottom:20px; background:url(../images/border.jpg) no-repeat left bottom;}
.paly_three_b1{ right:80px; top:98px;}
.play_column04{ background:#fff;   position:relative; z-index:99; overflow: hidden;}
.play_column04_d{padding-top: 160px;}
.play_column04 .paly_four_b1 img{ max-width: 100%; float: right;}
.paly_four_b1{ right:0px; bottom:0px;}

.play_column05{ background:#f0f0f0; height:950px;}
.play_column05_left{ float:left; width:50%; background:#f0f0f0 url(../images/paly_five_b1.jpg) no-repeat right bottom; height:950px;}
.play_column05_right{ float:right; width:50%; background:#f0f0f0 url(../images/paly_five_b2.jpg) no-repeat left bottom; height:950px;}
.weixin_left{ background:url(../images/paly_weinxin.png) no-repeat; right:65px; top:488px; width:156px; height:155px;}
.weixin_left_shadow{ background:url(../images/paly_weixin01.png) no-repeat; right:65px; top:644px; width:155px; height:35px;}
.weixin_right{ background:url(../images/paly_weinxin.png) no-repeat; left:35px; top:488px; width:156px; height:155px;}
.weixin_right_shadow{ background:url(../images/paly_weixin01.png) no-repeat; left:35px; top:644px; width:155px; height:35px;}

.outline_column06{ background:#fff;}
.play_column06_e{ height:933px;}
.paly_six_b1{ left:188px; top:73px; z-index:8;}
.paly_six_b2{
	left: 230px;
	top: 207px;
	z-index: 9;
}
.play_column06_txt{ right:230px; top:300px; width:480px;}
.play_column06_txt span.title,.play_column08_txt span.title{ display:block; font-size:50px; color:#333333; line-height:50px; padding-bottom:30px;}
.play_column06_txt p.des3{ font-size:18px; color:#333333; line-height:36px;}
.play_column06_txt p.des3 i{ font-style:normal; color:#e60012;}
.play_border{ width:141px; height:1px; right:720px; top:398px; background:url(../images/border01.png) no-repeat;}
.play_column07 .paly_seve_ico {position: relative; height: 260px; width: 320px; display: inline-block;}
.play_column07{ background:#f2f2f2;}
.play_column07_g{padding: 120px 0; text-align: center;}
.paly_seve_b1{
	left: 188px;
	bottom: 148px;
}
.paly_seve_ico .seve_ico_01{ left: 50%; bottom: 0; margin-left: -43px;}
.paly_seve_ico .seve_ico_02{ left: -48px; top: 30px; }
.paly_seve_ico .seve_ico_03{left: 50%; top:0; margin-left: -43px; }
.paly_seve_ico .seve_ico_04{ right: -48px; top: 30px; }

.play_column08{ background:#fff;}
.play_column08_f{ height:1090px;}
.paly_eight_b1{ top:177px; right:0px;}
.play_column08_txt{ left:63px; top:330px;}
.play_column08_txt span.des4{ font-size:18px; color:#333; line-height:32px;}


/*  beauty style  */
.beauty, .photograph, .performance{
	width: 100%;
	min-width: 1226px;
	margin: 0 auto;
	color: #333;
	text-align: center;
	overflow: hidden;
	position: relative;
}
.beauty.one, .photograph.two{
	padding-top: 160px;
}
.beauty.one>img, .photograph.one img{
	vertical-align: bottom;
}
.beauty.two{
	padding: 128px 0 52px;
}
.beauty .beauty-box{
	width: 1320px;
	margin: 0 auto;
	position: relative;
}
.beauty .beauty-item{
	width: 50%;
	float: left;
}
.beauty.third-back{
	width: 100%;
	height: 1076px;
	background-image: url(../images/beauty03.jpg);
	background-size: auto 1076px;
	background-position: center;
}
.beauty.three{
	padding-top: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.beauty.three>img{
	position: relative;
	bottom: -122px;
}
.beauty.four {
	padding-top: 120px;
}
.beauty.four  .text-l img{
	vertical-align: bottom;
}
.beauty.five .text-l p{
	text-indent: 120px;
	color: #FFF;
}
.beauty.five .beauty-item>img{
	position: relative;
	bottom: -116px;
}

/*  photograph style  */
.photograph.violet{
	color: #FFF;
}
.photograph .columns-text{
	width: 1226px;
	left: 50%;
	top: 160px;
	margin-left: -613px;
}
.photograph .columns-top {
	top: 300px;
}
.photograph.three{
	padding-top: 100px;
}
.photograph.three>img{
	left: -100px;
	bottom: 0;
	vertical-align: bottom;
}
.photograph.four, .photograph.five{
	padding: 100px 0;
}
.photograph.five{
	padding-bottom: 0;
}
.photograph .photograph-box{
	width: 100%;
	min-width: 1226px;
	height: 712px;
	margin-top: 215px;
	background-image: url(../images/photograph06.png);
	background-size: auto 712px;
	background-position: center;
	position: relative;
}
.photograph .photograph-box>img{
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -270px;
}
.photograph  .photograph-list{
	margin: 60px 0;
}
.photograph  .photograph-list .list{
	width: 1176px;
	margin: 0 auto;
	overflow: hidden;
}
.photograph  .photograph-list .item{
	width: 214px;
	height: 214px;
	border: 1px solid #dcdcdc;
	border-radius: 214px;
	margin: 0 40px;
	display: inline-block;
}
.photograph .item .icon{
	width: 120px;
	height: 80px;
	margin-top: 30px;
	display: inline-block;
	background-image: url(../images/photograph07.png);
	background-repeat: no-repeat;
}
.photograph .item .one{
	background-position: -59px -45px;
}
.photograph .item .two{
	background-position: -378px -53px;
}
.photograph .item .three{
	background-position: -704px -53px;
}
.photograph .item .four{
	background-position: -1025px -53px;
}
.photograph .item .font14{
	color: #666;
}

/*  performance style  */
.performance.two{
	padding-top: 100px;
	padding-bottom: 0;
}
.performanc.three{
	padding-top: 120px;
	padding-bottom: 0;
}
.performanc.three .text-l{text-indent: 80px;}
.performance.two .text-l {
	width: 41%;
	right: 0;
	top: 200px;
}
.performance.two .text-r img, .performanc.three .text-l img{
	vertical-align: bottom;
}
.performanc.four{
	padding: 120px 0;
}
@media (max-height:900px) and (max-width:1440px){
	.outline_column03_c{ width:1226px;}
	.outline_column04_d{ width:1226px;}
	.container{ width:1226px; margin:0px auto; position:relative;}
	.scene_one .bnr_b1{ left:-58px; top:108px;}
	.scene_one .bnr_b2{ left:302px; top:338px;}
	.scene_one .bnr_b3{ left:501px; top:432px;}
	.scene_one .bnr_b4{ left:750px; top:673px;}
		.scene_one .shadow3{ left:860px;}
		.outline_column02_b .two_b1{
		left: 500px;
		top: 266px;
		z-index: 9;
		transition: .5s;
		-webkit-transition: .5s;
		-moz-transition: .5s;
	}
	.column01_content, .column01_content01, .column01_content02{
		padding-left: 140px;
	}
	.system_appli li{margin-right: 38px;}
	.play_column08_txt {
	    left: 40px;
	    top: 300px;
	}
	.outline_column02_b .two_b2{
		left: 100px;
		top: 450px;
		z-index: 7;
		transition: .8s;
		-webkit-transition: .8s;
		-moz-transition: .8s;
	}
	.right_nav{ right:0px;}
	.buynow{ right:0px;}
	.three_b1{ left:10px;}
	.column05_box.on .flowr{left: 140px;}
	.scene_one img{ width:90%; height:90%;}
	.scene_one .shadow{
		width:1226px;
		left: 0px;
	}
	.scene_one .shadow img{ width:1366px;}
	.column06_text{ left:20px;}
	.beauty.one>img, .photograph.three>img, 
	.outward_column06 img, .outline_column06 img, .outward_column05 img,
	.two_b1 img, .two_b2 img, .outtward_column01 .outward_bnr_ico>img{
		max-width: 80%;
	}
	.outline_column05  img{
		max-width: 80%;
	}
	.performance.two .text-l{
		top: 100px;
	}
	.performance.two .text-r img, .outline_column03 img{
		max-width:100%;
	}
	.photograph .columns-text{
		top: 100px;
	}
	.outline_column06.on .seven_b1{
		right: -150px;
	}
	.outline_column06.on .card{
		right: 340px;
		top: 565px;
	}
	.play_column01 .adfont {
		left: 50px;
	}
	.play_column06_txt{
		right: 130px;
	}
	.outward_four_b2{
		left: 60px;
	}
	.outward_four_b1{
		left: -40px;
	}
	.outward_sixright img{ width:80%; height:80%;}
	.paly_three_b1{ right:10px; top:98px;}
	.paly_three_b1{ right:10px; top:98px;}
	.footer_contnt .next{ left:550px; top:80px;}
    .column07_ppbox .enght_b1{ left:386px; bottom:0px; z-index:9;}
.column07_ppbox .enght_b2{ left:386px; bottom:0px; z-index:8;}
.column07_ppbox.on .enght_b2{left:85px; transition:1.8s .5s;}
.column07_ppbox .enght_b3{ left:386px; bottom:0px; z-index:8;}
.column07_ppbox.on .enght_b3{ left:728px; transition:1.8s .5s;}
.column05_box .six_b1{ bottom:-300px;}
.column05_box .six_b1 img{ width:90%; height:90%;}
.column05_box .flowr img{ width:90%; height:90%;}
.column05_box.on .flowr{
	left: 158px;
	top: 340px;
	-webkit-animation:flo 18s linear infinite forwards;
	-moz-animation:flo 18s linear infinite forwards;
	animation:flo 18s linear infinite forwards;
	opacity:0;
	opacity:1/9;
}
@-webkit-keyframes flo{
	0%,100%{ -webkit-transform:scale(.8) translate(20px, -20px); opacity:.8;}
	50%{-webkit-transform:scale(1.0) translate(0px, 10px); opacity:1;}
	}
@-moz-keyframes flo{
	0%,100%{ -moz-transform:scale(.8) translate(20px, -20px); opacity:.8;}
	50%{-moz-transform:scale(1.0) translate(0px, 10px); opacity:1;}
	}
@keyframes flo{
	0%,100%{transform:scale(.8) translate(20px, -20px); opacity:.8;}
	50%{transform:scale(1.0) translate(0px, 10px); opacity:1;}
	}
.column05_box .lamp{
	left: 388px;
	top: 29px;
}
.left_huyan,.right_skii{top:560px;}
.left_huyan img,.right_skii img{width:50%; max-height:50%;}
.outline_column03_c .three_b1{
bottom: -560px;
	left: 0px;
}
.outline_column03_c.on .three_b1{
	left:0px;
	bottom: -50px;
	transition:3.5s .5s;
	-webkit-transition:3.5s .5s;
}
.outline_column04_d .four_b1{ top:468px; left:-2000px; transition:2.5s .5s; -webkit-transition:2.5s .5s;}
.outline_column04_d.on .four_b1{ left:130px; transition:2.5s .5s; -webkit-transition:2.5s .5s;}
.column05_text{ top:394px; right:87px;}
}


